<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>SEO</title>
</head>
<style type="text/css">
	*{
		background: #333;
		color: #fff;
		font-weight: 500;
		font-size: 18px;
	}
</style>
<body style="white-space: pre">
	SEO : Search Engine Optmization
 	搜索引擎数据库
	百度蜘蛛🕷
	搜索结果排序
	白帽SEO
	黑帽SEO...
	结构布局-代码优化
	前端工程师与SEO=>
		合理规划站点结构==网站简单
		扁平化结构：
			1.控制首页链接数量(中小100内,,,良好的链接)
			2.扁平化结构,最好三级到任何页面...不要纵深的结构
			3.导航SEO优化,导航文字,面包屑导航 -位置-了解网站组织形式
			细节：结构

			logo-导航条

			面屑       |  热门 
 			正文       |  相关

			版权-链接
			
				列表导航
					首页-上页-下页-尾页
					首页 1-10 下一页
					首页 1-10 下拉框...
				大小-100k以内...

		代码方面：
			title keyword description 
			强调重点 
			语义化代码 适当位置适当的标签
			h1-6  ul ol dl em strong 
			div span 最没有语义的标签
			多用列表 
			a 标签 指向其他链接的网站 rel nofollow
			标题 h1 h2 
			正文 P 换行 br放在 p中间
			table caption 表格名
			img alt说明 title说明
			strong em b i是否语义
			重要内容放在最前面
			重要内容不要js输出
			不要iframe
			少使用display:none 定位或z-index隐藏
			少用 &amp;nbsp;
			js代码放在尾部
			&amp; &lt; &gt; " &copy; &reg;

<div style="height: 1111px"></div>	
</body>
</html>